<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="UTF-8">
    <title></title>
    <meta content="" name="Description"> <!--对网站的描述 -->
    <meta content= 练习 name="keywords"> <!--网站的关键词 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
    <script src="./js/tab.js"></script>
    <meta name="renderer" content="webkit"><!-- 将360浏览器默认为极速模式打开-->
    <!--<meta http-equiv="X-UA-Compatible"  content="IE"=edge>  &lt;!&ndash;IE兼容性 &ndash;&gt;-->
    <link rel="stylesheet" href="./css/tab.css"/>
</head>
<body>

<div class="tab-box">
    <br><br><br>
    <a class="btn-tab" id="btn-tab-1" onclick="tab.goto(1)">TAB1</a>
    <a class="btn-tab" id="btn-tab-2" onclick="tab.goto(2)">TAB2</a>
    <a class="btn-tab" id="btn-tab-3" onclick="tab.goto(3)">TAB3</a>
</div>
<div id="tab1" class="tab-page">
    tab的内容1
</div>

<div id="tab2" class="tab-page">
    tab的内容2
</div>

<div id="tab3" class="tab-page">
    tab的内容3
</div>
</body>
</html>